
<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" type="image/x-icon" href="../../favicon.ico">
  <!-- Bootstrap CSS -->
  <link href="assetss/css/bootstrap.min.css" rel="stylesheet" />
  <link href="assetss/css/bootstrap-extended.css" rel="stylesheet" />
  <link href="assetss/css/style.css" rel="stylesheet" />
  <link href="assetss/css/icons.css" rel="stylesheet">
  <!--<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">-->
  <link rel="stylesheet" href="assetss/css/bootstrap-icons.css">
      <!--光年-->
   <link href="../make/css/materialdesignicons.min.css" rel="stylesheet">
  <!-- loader-->
	<link href="assetss/css/pace.min.css" rel="stylesheet" />

  <title></title>
</head>

<body>

  <!--start wrapper-->
  <div class="wrapper">
    
       <!--start content-->
       <main class="authentication-content">
        <div class="container-fluid">
          <div class="authentication-card">
            <div class="card shadow rounded-0 overflow-hidden">
              <div class="row g-0">
                <div class="col-lg-6 bg-login d-flex align-items-center justify-content-center">
                  <!--<img src="assetss/images/error/login-img.jpg" class="img-fluid" alt="">-->
                  <img id="loginuser" src="" class="img-fluid" alt="图片">
                </div>
                <div class="col-lg-6">
                    
                  <div class="card-body p-4 p-sm-5">
                    <h5 class="card-title">登录</h5>
                    <p class="card-text mb-5">登录后台中心管理数据!</p>
                    <form class="form-body" id="login-form">
                      
                      <div class="login-separater text-center mb-4"> <span>OR LOGIN IN WITH ACCOUNT</span>
                        
                      </div>
                      
                        <div class="row g-3">
                          <div class="col-12">
                            <label for="inputAccount" class="form-label">登录账号</label>
                            <div class="ms-auto position-relative">
                              <div class="position-absolute top-50 translate-middle-y search-icon px-3"><i class="mdi mdi-account-circle"></i></div>
                              <input type="text" class="form-control radius-30 ps-5" id="account" name="account" placeholder="输入账号">
                            </div>
                          </div>
                          <div class="col-12">
                            <label for="inputChoosePassword" class="form-label">登录密码</label>
                            <div class="ms-auto position-relative">
                              <div class="position-absolute top-50 translate-middle-y search-icon px-3"><i class="mdi mdi-lock-open-outline"></i></div>
                              <input type="password" class="form-control radius-30 ps-5"  id="password" name="password"  placeholder="请输入密码">
                            </div>
                          </div>
                          <div class="col-6">
                            <div class="form-check form-switch">
                              <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked="">
                              <label class="form-check-label" for="flexSwitchCheckChecked">记住密码</label>
                            </div>
                          </div>
                          <div class="col-6 text-end">	<a href="">忘记密码 ?</a>
                          </div>
                          <div class="col-12">
                            <div class="d-grid">
                              <button type="submit" class="btn btn-primary radius-30">立即登录</button>
                            </div>
                          </div>
                          <div class="col-12">
                            <p class="mb-0">没有账号? <a href="register.html">去注册</a></p>
                          </div>
                        </div>
                        
                    </form>
                 </div>
                </div>
              </div>
            </div>
          </div>
        </div>
       </main>
        <footer class="footer">
            <div class="container">
                <div class="row align-items-center flex-row-reverse">
                    <div class="col-md-12 col-sm-12 text-center">
                        Copyright ©  <a href="javascript:void(0)" id = "site_name">阔景科技版权所有 </a> All rights reserved.
                        <span id="year"></span> <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" id = "site_icp">icp备案 </a>
                    </div>
                </div>
            </div>
        </footer>
       <!--end page main-->

  <!--end wrapper-->


  <!--plugins-->
  <script src="assetss/js/jquery.min.js"></script>
  <script src="assetss/js/pace.min.js"></script>
      <script>
        $(function() {
            // 监听表单提交事件
            $("#login-form").submit(function(event) {
                // 阻止表单默认的提交行为
                event.preventDefault();
                
                // 获取表单数据
                var account = $("#account").val();
                var password = $("#password").val();
                
                // 发送Ajax请求
                $.ajax({
                    type: "POST",
                    url: "controller/Login.php",
                    data: {
                        account: account,
                        password: password
                    },
                    dataType: "json",
                    success: function(response) {
                        if (response.code == 200) {
                            alert(response.msg);
                            window.location.href = "index.php";
                        } else if (response.code == 2) {
                            alert(response.msg);
                            window.location.href = "index.php";
                        } else {
                            alert(response.msg);
                        }
                    },
                    error: function() {
                        alert("服务器连接失败，请重试！");
                    }
                });
            });
        });
        
        $(function() {
          // 发送 Ajax 请求获取网站参数值
          $.ajax({
            type: "GET",
            url: "controller/public/WebConfig.php",
            dataType: "json",
            success: function(response) {
              // 在页面上渲染参数值
              $("#site_name").text(response.site_name);
              $("#site_seo").text(response.site_seo);
              $("#site_key").text(response.site_key);
              $("#site_ms").text(response.site_ms);
              $("#reuser").attr("src", response.reuser);
              $("#loginuser").attr("src", response.loginuser);
              $("#site_icp").text(response.site_icp);
               // 修改页面标题
              document.title = response.site_name + " - 代理登录数据平台中心";
            },
            error: function() {
              alert("服务器连接失败，请重试！");
            }
          });
        });


  </script>

</body>

</html>